<label>位置选择 <span class="text-danger">*</span> </label>
<div class="row">
  <div class="col-md-4">
    <div class="form-group">
      <select
        #areaCombobox
        name="area"
        class="form-control"
        [(ngModel)]="areaId"
        [attr.data-live-search]="true"
        (change)="loadShelfs()"
        title="选择区域"
        required
      >
        <option *ngFor="let area of areas" [value]="area.id">{{ area.displayName }}</option>
      </select>
    </div>
  </div>
  <div class="col-md-4">
    <div class="form-group">
      <select
        #shelfCombobox
        name="shelf"
        class="form-control"
        [(ngModel)]="shelfId"
        [attr.data-live-search]="true"
        (change)="loadPositions()"
        title="选择货架"
        required
      >
        <option *ngFor="let shelf of shelfs" [value]="shelf.id">{{ shelf.displayName }}</option>
      </select>
    </div>
  </div>
  <div class="col-md-4">
    <div class="form-group">
      <select
        #positionCombobox
        name="position"
        class="form-control"
        [(ngModel)]="location"
        [attr.data-live-search]="true"
        title="选择货位"
        required
      >
        <option *ngFor="let position of positions" [value]="position.id">{{ position.displayName }}</option>
      </select>
    </div>
  </div>
</div>
